<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!-- 鼠标选中语句，Ctrl+shift+/变为注释 -->
		<!-- 标题 headline -->
		<h1>一级标题</h1>
		<h1>二级标题</h1>
		<h1>三级标题</h1>
		<h1>四级标题</h1>
		<h1>五级标题</h1>
		<!-- p:paragraph 段落-->
		<p>京东（股票代码：JD），中国自营式电商企业，创始人刘强东担任京东集团董事局主席兼首席执行官 [1]  。旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部等。2013年正式获得虚拟运营商牌照。</p>
		<p>王老师是Java讲师,朱老师是Java讲师</p>
		<img src="img/huli.png" />
		<img src="img/huli.png" width="200px" height="200px"></img>
		<br/><!-- 换行 -->
		<!-- a:超链接 
		target="_blank" 链接在新的页面打开-->
		<a href="http://www.baidu.com">超链接跳转到Baidu</a>
		<a href="http://www.baidu.com" target="_blank">超链接跳转到Baidu</a>
		<!-- 无序列表 ul=unordered list
				      li=list item
				-->
		<ul>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>山东</li>
		</ul>
		<!-- ol:ordered list -->
		<ol>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>广州</li>
	    </ol>
		<!-- div独占一行 -->
		<div>Hello Div1</div>
		<div>Hello Div2</div>
		<!-- span行内元素 -->
		<span>Span1</span>
		<span>Span2</span>
		<br/>
		<span style="color: red;">山东省青岛市城阳区春阳路大润发</span>
		<br/>
		<!-- u:下划线，i：斜体，b：加粗 -->
		<span><u>山东省</u><i>青岛市</i><span style="color: red;">城阳区</span><b>春阳路大润发</b></span>
		<div>
		   <!-- 空格折叠现象
		     普通的空格在html里面如果连续出现多个会被当成一个空格，
			 如果想显示多个连续的空格就需要使用特殊的符号
			 &nbsp;    Non-breaking Space
			 -->    
		   锄禾日当&nbsp;&nbsp;&nbsp;&nbsp;午<br/>
		   汗滴禾下&nbsp;&nbsp;&nbsp;&nbsp;土<br/>
		   谁知盘中&nbsp;&nbsp;&nbsp;&nbsp;餐<br/>
		   粒粒皆辛&nbsp;&nbsp;&nbsp;&nbsp;苦<br/>
	    </div>
		
	</body>
</html>
